<!DOCTYPE html>
<html>
    <head>
        <title>7studio</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="http://libs.useso.com/js/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
        <link href="css/font-awesome.min.css" rel="stylesheet">
        <link href="css/font.css" rel="stylesheet">
        <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css"/>
        <link href="css/Audio.css" rel="stylesheet" type="text/css" media="all" >
        <link href="css/7studio_style.css" rel="stylesheet">
        <style type="text/css">
			.row{ margin-right:0; margin-left:0;}
		</style>
    </head>
    <body>
        <div class="sit-header">
            <div class="container">
                <div class="text-left"><a href="#" class="toggle-menu visible-sm visible-xs"><i class="fa fa-bars"></i></a></div>
                <div class="row">
                    <div class="col-md-12 text-right">
                        <ul class="social-icons">
                            <li><a href="#" class="share_2"></a></li>
                            <li><a href="#" class="share_1"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="text-center logo"><img src="images/logo.png"></div>
        </div>
        <div class="pos_rlt">
            <div class="menu-responsive hidden-md hidden-lg">
                <ul>
                    <li class="active"><a href="#">首頁</a></li>
                    <li><a href="#music">音樂製作</a></li>
                    <li><a href="#portfolio">影視製作</a></li>
                    <li><a href="#contact">聯系我們</a></li>
                    <li><a href="#Performance">合作客户</a></li>
                </ul>
            </div>
        </div>
        <div class="main-header hidden-sm hidden-xs m-b-lg ">
            <div class="container">
                <div id="menu-wrapper">
                    <div class="row">
                        <div class="col-md-12 col-sm-10 col-xs-4 text-center main-menu">
                            <ul class="menu-first ">
                                <li class="active"><a href="#">首頁</a></li>
                                <li><a href="#music">音樂製作</a></li>
                                <li><a href="#portfolio">影視製作</a></li>
                                <li><a href="#contact">聯系我們</a></li>
                                <li><a href="#Performance">合作客户</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container ">
            <div class="content-section topmenu">
                <div class="row">
                    <div class="content_img col-md-10 col-xs-12  col-md-offset-1 no-padder"> <a href="#"><img src="images/1.jpg" /></a>
                        <div class="portfolio-overlay dk hidden-sm"> <a href="#" data-toggle="modal" data-target="#myModal" class="expand bg-blue about no-radius">關於我們</a> </div>
                    </div>
                    <div class="content_img col-md-5 col-xs-6 col-md-offset-1 no-padder"> <a href="#"><img src="images/2.jpg" /></a>
                        <div class="portfolio-overlay dk hidden-sm ">
                            <h3 class="p-t-lg">音乐制作</h3>
                            <a href="#music" class="expand bg-blue go">GO</a> </div>
                    </div>
                    <div class="content_img col-md-5 col-xs-6 no-padder"> <a href="#"><img src="images/3.jpg" /></a>
                        <div class="portfolio-overlay hidden-sm">
                            <h3>影视制作</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, assumenda, eveniet, consectetur, ex doloribus veniam asperiores incidunt mollitia placeat aniet adipscing.</p>
                            <a href="#portfolio" class="expand"><i class="fa fa-search text_blue"></i></a> </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <div id="music" style=" height: 70px;"></div>
            <div class="text-center" >
                <h2 class="text_blue m-b-lg">音樂製作</h2>
                <h4 >記錄真摯的聲音,完成夢想的一刻</h4>
                <a href="#music"><i class="fa fa-angle-down down_ico"></i> </a>
            </div>
            <div class="music_bg">
                <div class="dk padder-v p-t-5">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-4 m-t-lg text-center">
                                <div id="myAudio" style="margin:0 auto;">
                                    <audio>
                                        <source title="王若琳 - d World.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" img="images/z_3.jpg"/>
                                        <source title="王若琳 - 親密的愛人.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" img="images/z_2.jpg"/>           
                                        <source title="王若琳 - Wild World.mp3" src="D:\bbb.mp3" img="images/z_3.jpg" />
                                        <source title="韦礼安 - 還是會.mp3" src="http://stream11.qqmusi.../35645193.mp3" />
                                        <source title="王若琳 - Lost in paradise.mp3" src="http://stream16.qqmusi.../31404270.mp3" />
                                        <source title="郁可唯 - 時間煮雨.mp3" src="http://stream16.qqmusic.qq.com/34825889.mp3" img="images/z_2.jpg"/>
                                        <source title="王若琳 - 三個人的晚餐.mp3" src="http://stream17.qqmusic.qq.com/30966988.mp3" />
                                        <source title="王若琳 - I Love You.mp3" src="http://stream17.qqmusic.qq.com/30416851.mp3" />
                                        <source title="王若琳 - Lemon Tree(中文版).mp3" src="http://stream17.qqmusic.qq.com/30966990.mp3" />
                                        <source title="王若琳 - 親密的愛人.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" img="images/z_2.jpg"/>
                                        <source title="王若琳 - d World.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" />
                                        <source title="王若琳 - 親密的愛人.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" img="images/z_2.jpg"/>
                                        <source title="韦礼安 - 還是會.mp3" src="http://stream18.qqmusic.qq.com/31005070.mp3" />
                                        <source title="王若琳 - Lost in paradise.mp3" src="http://stream12.qqmusic.qq.com/30416842.mp3" />
                                        <source title="郁可唯 - 時間煮雨.mp3" src="http://stream16.qqmusic.qq.com/34825889.mp3" />
                                        <source title="王若琳 - 三個人的晚餐.mp3" src="http://stream17.qqmusic.qq.com/30966988.mp3" />
                                        <source title="王若琳 - I Love You.mp3" src="http://stream17.qqmusic.qq.com/30416851.mp3" />
                                        <source title="王若琳 - Lemon Tree(中文版).mp3" src="http://stream17.qqmusic.qq.com/30966990.mp3" img="images/z_2.jpg"/>
                                        <source title="王若琳 - 親密的愛人.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" />
                                        <source title="王若琳 - d World.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" />
                                        <source title="王若琳 - 親密的愛人.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" />
                                        <source title="韦礼安 - 還是會.mp3" src="http://stream18.qqmusic.qq.com/31005070.mp3" />
                                        <source title="王若琳 - Lost in paradise.mp3" src="http://stream12.qqmusic.qq.com/30416842.mp3" />
                                        <source title="郁可唯 - 時間煮雨.mp3" src="http://stream16.qqmusic.qq.com/34825889.mp3" />
                                        <source title="王若琳 - 三個人的晚餐.mp3" src="http://stream17.qqmusic.qq.com/30966988.mp3" />
                                        <source title="王若琳 - I Love You.mp3" src="http://stream17.qqmusic.qq.com/30416851.mp3" />
                                        <source title="王若琳 - Lemon Tree(中文版).mp3" src="http://stream17.qqmusic.qq.com/30966990.mp3" />
                                        <source title="王若琳 - 親密的愛人.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" />
                                        <source title="王若琳 - d World.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" />
                                        <source title="王若琳 - 親密的愛人.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" />
                                        <source title="韦礼安 - 還是會.mp3" src="http://stream18.qqmusic.qq.com/31005070.mp3" />
                                        <source title="王若琳 - Lost in paradise.mp3" src="http://stream12.qqmusic.qq.com/30416842.mp3" />
                                        <source title="郁可唯 - 時間煮雨.mp3" src="http://stream16.qqmusic.qq.com/34825889.mp3" />
                                        <source title="王若琳 - 三個人的晚餐.mp3" src="http://stream17.qqmusic.qq.com/30966988.mp3" />
                                        <source title="王若琳 - I Love You.mp3" src="http://stream17.qqmusic.qq.com/30416851.mp3" />
                                        <source title="王若琳 - Lemon Tree(中文版).mp3" src="http://stream17.qqmusic.qq.com/30966990.mp3" />
                                        <source title="王若琳 - 親密的愛人.mp3" src="http://music.huoxing.com/upload/20121215/1355575227640_8200.mp3" />
                                    </audio>
                                </div>
                            </div>
                            <div class="col-md-3 col-md-offset-1 m-t-lg">
                                <input type='hidden' id='current_page' />
                                <input type='hidden' id='show_per_page' />
                                <ul class="col-md-offset-1 music_list">
                                </ul>
                                <hr>
                                <div id="page_navigation" class="pull-right"> </div>
                            </div>
                            <div class="col-md-3 m-t-lg text-center col-md-offset-1">
                                <h4 class=" m-b-lg">個人專輯套餐</h4>
                                <hr>
                                <h2 class="text-center padder-v">$880</h2>
                                <hr>
                                <h5 class="l-h-2x">兩小時專業錄音室服務<br />
                                    歌曲混音及後期處理<br />
                                    六套CD包裝</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="left_boder">
                    <div class="container">
                        <div class="m-t-md">
                            <ul class="pinlun padder-m">
                                <li>音質不錯。錄音棚也很專業啊。。服務態度也挺好。。下次介紹給朋友<b class="badge pull-right">2014-8-10</b></li>
                                <li>音質不錯。錄音棚也很專業啊。。服務態度也挺好。。下次介紹給朋友<b class="badge pull-right">2014-8-10</b></li>
                                <li>音質不錯。錄音棚也很專業啊。。服務態度也挺好。。下次介紹給朋友<b class="badge pull-right">2014-8-10</b></li>
                                <li>音質不錯。錄音棚也很專業啊。。服務態度也挺好。。下次介紹給朋友<b class="badge pull-right">2014-8-10</b></li>
                                <li>音質不錯。錄音棚也很專業啊。。服務態度也挺好。。下次介紹給朋友<b class="badge pull-right">2014-8-10</b></li>
                                <li>音質不錯。錄音棚也很專業啊。。服務態度也挺好。。下次介紹給朋友<b class="badge pull-right">2014-8-10</b></li>
                                <li>音質不錯。錄音棚也很專業啊。。服務態度也挺好。。下次介紹給朋友<b class="badge pull-right">2014-8-10</b></li>
                                <li>音質不錯。錄音棚也很專業啊。。服務態度也挺好。。下次介紹給朋友<b class="badge pull-right">2014-8-10</b></li>
                                <li>音質不錯。錄音棚也很專業啊。。服務態度也挺好。。下次介紹給朋友<b class="badge pull-right">2014-8-10</b></li>
                                <li>音質不錯。錄音棚也很專業啊。。服務態度也挺好。。下次介紹給朋友<b class="badge pull-right">2014-8-10</b></li>
                                <li>音質不錯。錄音棚也很專業啊。。服務態度也挺好。。下次介紹給朋友<b class="badge pull-right">2014-8-10</b></li>
                            </ul>
                            <div class="music_footer text-center m-t-lg hide-over"> <a class="dk pinglun_ico"><i class="fa fa-angle-up f-lg"></i></a> </div>
                            <div class="contact-form dk text-center p-t-lg">
                                <form method="post" name="contactform" id="contactform">
                                    <p>
                                        <input name="name" type="text" id="name" placeholder="Your Name" onfocus="if (value == 'Your Name') {
                                                    value = ''
                                                }" onblur="if (value == '') {
                                                            value = 'Your Name'
                                                        }">
                                    </p>
                                    <p>
                                        <input name="email" type="text" id="email" placeholder="Your Email" onfocus="if (value == 'Your Email') {
                                                    value = ''
                                                }" onblur="if (value == '') {
                                                            value = 'Your Email'
                                                        }">
                                    </p>
                                    <p>
                                        <textarea name="comments" id="comments" placeholder="Message" onfocus="if (value == 'Message') {
                                                    value = ''
                                                }" onblur="if (value == '') {
                                                            value = 'Message'
                                                        }"></textarea>
                                    </p>
                                    <input type="submit" class="mainBtn" id="submit" value="Send Message" onfocus="if (value == 'Send Message') {
                                                value = ''
                                            }" onblur="if (value == '') {
                                                        value = 'Send Message'
                                                    }">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        <div id="mv">
            <div class="text-center">
                <h2 class="text_blue m-b-lg">個人MV</h2>
                <h4 >記錄真摯的聲音,完成夢想的一刻</h4>
                <a href="#mv"><i class="fa fa-angle-down down_ico"></i></a>
            </div>
            <div class="mv padder-m bg-white">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-md-4">
                            <div class="thumbnail no-radius pos_rlt gallery"><a href="http://js.tudouui.com/bin/player2/olc_8.swf?iid=132350563&swfPath=http://js.tudouui.com/bin/lingtong/SocialPlayer_146.swf&youkuId=XODc3NDgzMTY4&vcode=XODc3NDgzMTY4&tvcCode=-1&tag=npl&title=%E4%BD%95%E4%BB%A5%E7%AC%99%E7%AE%AB%E9%BB%98+26&mediaType=vi&totalTime=2590140&hdType=3&hasPassword=0&nWidth=-1&isOriginal=0&channelId=30&nHeight=-1&banPublic=false&videoOwner=113077233&videoOwner=113077233&ocode=bjOyzy-0uUE&tict=2&tvcCode=-1&channelId=30&cs=2_426|437|440|441&k=&totalTime=2590140&hasWaterMark=0&is1080p=0&panelRecm=http://css.tudouui.com/bin/lingtong/PanelRecm_9.swz&panelDanmu=http://css.tudouui.com/bin/lingtong/PanelDanmu_18.swz&panelEnd=http://css.tudouui.com/bin/lingtong/PanelEnd_13.swz&pepper=http://css.tudouui.com/bin/binder/pepper_17.png&panelShare=http://css.tudouui.com/bin/lingtong/PanelShare_7.swz&panelCloud=http://css.tudouui.com/bin/lingtong/PanelCloud_12.swz&prd=%E4%B8%8A%E6%B5%B7%E5%89%A7%E9%85%B7%E6%96%87%E5%8C%96%E4%BC%A0%E6%92%AD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8,%E4%B8%8A%E6%B5%B7%E5%89%A7%E9%85%B7%E6%96%87%E5%8C%96%E4%BC%A0%E6%92%AD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&autoPlay=false&listType=3&rurl=&resourceId=0_04_05_99%2Fv.sw&autostart=false&lid=0&aid=238395&aCode=NZRgBwCFJUg&code=fCv0S1gZjVg&snap_pic=http%3A%2F%2Fr2.ykimg.com%2F0541040854C110866A0A4F309FF374FD&aopRate=0.001&p2pRate=0.95&adSourceId=81000&yjuid=npl&yseid=1422010811896V5U11S&yseidtimeout=1422018013369&yseidcount=
                                                                                1&uid=npl&juid=019cb761cu1s0g&vip=0" rel="prettyPhoto[gallery1]" class="mv"><img src="images/5.jpg">
                                    <div class="caption">
                                        <h3 class="text-center text_blue">MV</h3>
                                    </div>
                                    <div class="portfolio-overlay">
                                        <h3>Digital Age</h3>
                                        <div class="expand"><i class="fa fa-play-circle-o f-md"></i></div>
                                    </div>
                                </a> 
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-4">
                            <div class="thumbnail no-radius pos_rlt gallery"> <a href="http://js.tudouui.com/bin/player2/olc_8.swf?iid=132350563&swfPath=http://js.tudouui.com/bin/lingtong/SocialPlayer_146.swf&youkuId=XODc3NDgzMTY4&vcode=XODc3NDgzMTY4&tvcCode=-1&tag=npl&title=%E4%BD%95%E4%BB%A5%E7%AC%99%E7%AE%AB%E9%BB%98+26&mediaType=vi&totalTime=2590140&hdType=3&hasPassword=0&nWidth=-1&isOriginal=0&channelId=30&nHeight=-1&banPublic=false&videoOwner=113077233&videoOwner=113077233&ocode=bjOyzy-0uUE&tict=2&tvcCode=-1&channelId=30&cs=2_426|437|440|441&k=&totalTime=2590140&hasWaterMark=0&is1080p=0&panelRecm=http://css.tudouui.com/bin/lingtong/PanelRecm_9.swz&panelDanmu=http://css.tudouui.com/bin/lingtong/PanelDanmu_18.swz&panelEnd=http://css.tudouui.com/bin/lingtong/PanelEnd_13.swz&pepper=http://css.tudouui.com/bin/binder/pepper_17.png&panelShare=http://css.tudouui.com/bin/lingtong/PanelShare_7.swz&panelCloud=http://css.tudouui.com/bin/lingtong/PanelCloud_12.swz&prd=%E4%B8%8A%E6%B5%B7%E5%89%A7%E9%85%B7%E6%96%87%E5%8C%96%E4%BC%A0%E6%92%AD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8,%E4%B8%8A%E6%B5%B7%E5%89%A7%E9%85%B7%E6%96%87%E5%8C%96%E4%BC%A0%E6%92%AD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&autoPlay=false&listType=3&rurl=&resourceId=0_04_05_99%2Fv.sw&autostart=false&lid=0&aid=238395&aCode=NZRgBwCFJUg&code=fCv0S1gZjVg&snap_pic=http%3A%2F%2Fr2.ykimg.com%2F0541040854C110866A0A4F309FF374FD&aopRate=0.001&p2pRate=0.95&adSourceId=81000&yjuid=npl&yseid=1422010811896V5U11S&yseidtimeout=1422018013369&yseidcount=
                                                                                 1&uid=npl&juid=019cb761cu1s0g&vip=0" rel="prettyPhoto[gallery1]" class="mv"> <img src="images/5.jpg">
                                    <div class="caption">
                                        <h3 class="text-center text_blue">MV</h3>
                                    </div>
                                    <div class="portfolio-overlay">
                                        <h3>Digital Age</h3>
                                        <div class="expand"><i class="fa fa-play-circle-o f-md"></i></div>
                                    </div>
                                </a> </div>
                        </div>
                        <div class="col-xs-12 col-md-4">
                            <div class="thumbnail no-radius pos_rlt gallery"> <a href="http://js.tudouui.com/bin/player2/olc_8.swf?iid=132350563&swfPath=http://js.tudouui.com/bin/lingtong/SocialPlayer_146.swf&youkuId=XODc3NDgzMTY4&vcode=XODc3NDgzMTY4&tvcCode=-1&tag=npl&title=%E4%BD%95%E4%BB%A5%E7%AC%99%E7%AE%AB%E9%BB%98+26&mediaType=vi&totalTime=2590140&hdType=3&hasPassword=0&nWidth=-1&isOriginal=0&channelId=30&nHeight=-1&banPublic=false&videoOwner=113077233&videoOwner=113077233&ocode=bjOyzy-0uUE&tict=2&tvcCode=-1&channelId=30&cs=2_426|437|440|441&k=&totalTime=2590140&hasWaterMark=0&is1080p=0&panelRecm=http://css.tudouui.com/bin/lingtong/PanelRecm_9.swz&panelDanmu=http://css.tudouui.com/bin/lingtong/PanelDanmu_18.swz&panelEnd=http://css.tudouui.com/bin/lingtong/PanelEnd_13.swz&pepper=http://css.tudouui.com/bin/binder/pepper_17.png&panelShare=http://css.tudouui.com/bin/lingtong/PanelShare_7.swz&panelCloud=http://css.tudouui.com/bin/lingtong/PanelCloud_12.swz&prd=%E4%B8%8A%E6%B5%B7%E5%89%A7%E9%85%B7%E6%96%87%E5%8C%96%E4%BC%A0%E6%92%AD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8,%E4%B8%8A%E6%B5%B7%E5%89%A7%E9%85%B7%E6%96%87%E5%8C%96%E4%BC%A0%E6%92%AD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&autoPlay=false&listType=3&rurl=&resourceId=0_04_05_99%2Fv.sw&autostart=false&lid=0&aid=238395&aCode=NZRgBwCFJUg&code=fCv0S1gZjVg&snap_pic=http%3A%2F%2Fr2.ykimg.com%2F0541040854C110866A0A4F309FF374FD&aopRate=0.001&p2pRate=0.95&adSourceId=81000&yjuid=npl&yseid=1422010811896V5U11S&yseidtimeout=1422018013369&yseidcount=
                                                                                 1&uid=npl&juid=019cb761cu1s0g&vip=0" rel="prettyPhoto[gallery1]" class="mv"> <img src="images/5.jpg">
                                    <div class="caption">
                                        <h3 class="text-center text_blue">MV</h3>
                                    </div>
                                    <div class="portfolio-overlay">
                                        <h3>Digital Age</h3>
                                        <div class="expand"><i class="fa fa-play-circle-o f-md"></i></div>
                                    </div>
                                </a> </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="jumbotron bg-primary m-t-5">
                <div class="container">
                    <h4 class="text-center text_white">收費表</h4>
                    <h1 class="text-center text_white padder-v" style=" color:#fff;">$1000</h1>
                    <h4  class="text-center text_white l-h-2x">的咖啡機的開<br />
                        的罰款京東方</h4>
                </div>
            </div>
        </div>

        <div id="portfolio"> 
            <div class="text-center">
                <h2 class="text_blue m-b-lg">影視製作</h2>
                <h4 >記錄真摯的您,完成夢想的一刻</h4>
                <i class="fa fa-angle-down down_ico"></i>
            </div>
            <div  class="container m-t-lg padder">
                <ul class="nav nav-tabs btn-group yinshi-tab" id="myTab" >  
                    <li class="active btn btn-default col-xs-3 f-md"><a href="#void1" data-toggle="tab">宣傳片</a></li>
                    <li class="btn btn-default col-xs-3 f-md"><a href="#void2" data-toggle="tab">廣告</a></li>
                    <li class="btn btn-default col-xs-3 f-md"><a href="#void3" data-toggle="tab">活動</a></li>
                    <li class="btn btn-default col-xs-3 f-md"><a href="#void4" data-toggle="tab">音樂錄像</a></li>
                </ul>
                <div id="myTabContent" class="tab-content m-t-lg" >
                    <div id="void1" class="tab-pane fade active in">
                     <div id="myCarousel" class="carousel slide" data-pause="" > 
                      <div class="carousel-inner" >
                           <div class="active item index_bo">
                                <div class="row">
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_1.jpg" rel="prettyPhoto[gallery2]">
                                            <img src="images/z_1.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_2.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_2.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"> <i class="fa fa-search text_blue"></i> </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_3.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_3.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_1.jpg" rel="prettyPhoto[gallery2]">
                                            <img src="images/z_1.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_2.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_2.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"> <i class="fa fa-search text_blue"></i> </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_3.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_3.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                           </div>
                      </div>
                            <!-- Carousel nav -->
                            <a class="carousel-control left yinshi-left control_pre" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                            <a class="carousel-control right yinshi-right control_next" href="#myCarousel" data-slide="next">&rsaquo;</a>
                     </div>
                    </div>
                  <div id="void2" class="tab-pane fade ">
                     <div id="myCarousel" class="carousel slide" data-pause="" > 
                      <div class="carousel-inner" >
                           <div class="active item index_bo">
                                <div class="row">
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_1.jpg" rel="prettyPhoto[gallery2]">
                                            <img src="images/z_1.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_2.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_2.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"> <i class="fa fa-search text_blue"></i> </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_3.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_3.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_1.jpg" rel="prettyPhoto[gallery2]">
                                            <img src="images/z_1.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_2.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_2.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"> <i class="fa fa-search text_blue"></i> </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_3.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_3.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                           </div>
                      </div>
                            <!-- Carousel nav -->
                            <a class="carousel-control left yinshi-left control_pre" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                            <a class="carousel-control right yinshi-right control_next" href="#myCarousel" data-slide="next">&rsaquo;</a>
                     </div>
                    </div>
                         <div id="void3" class="tab-pane fade ">
                     <div id="myCarousel" class="carousel slide" data-pause="" > 
                      <div class="carousel-inner" >
                           <div class="active item index_bo">
                                <div class="row">
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_1.jpg" rel="prettyPhoto[gallery2]">
                                            <img src="images/z_1.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_2.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_2.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"> <i class="fa fa-search text_blue"></i> </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_3.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_3.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_1.jpg" rel="prettyPhoto[gallery2]">
                                            <img src="images/z_1.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_2.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_2.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"> <i class="fa fa-search text_blue"></i> </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_3.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_3.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                           </div>
                      </div>
                            <!-- Carousel nav -->
                            <a class="carousel-control left yinshi-left control_pre" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                            <a class="carousel-control right yinshi-right control_next" href="#myCarousel" data-slide="next">&rsaquo;</a>
                     </div>
                    </div>
                         <div id="void4" class="tab-pane fade ">
                     <div id="myCarousel" class="carousel slide" data-pause="" > 
                      <div class="carousel-inner" >
                           <div class="active item index_bo">
                                <div class="row">
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_1.jpg" rel="prettyPhoto[gallery2]">
                                            <img src="images/z_1.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_2.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_2.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"> <i class="fa fa-search text_blue"></i> </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_3.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_3.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_1.jpg" rel="prettyPhoto[gallery2]">
                                            <img src="images/z_1.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_2.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_2.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"> <i class="fa fa-search text_blue"></i> </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-4 col-xs-11 text-center pos-rlt no-padder yinshi gallery change_1">
                                        <a href="images/z_3.jpg" rel="prettyPhoto[gallery2]"> 
                                            <img src="images/z_3.jpg" style=" width:100%;"/>
                                            <div class="portfolio-overlay">
                                                <h3>Digital Age</h3>
                                                <div class="expand"><i class="fa fa-search text_blue"></i></div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                           </div>
                      </div>
                            <!-- Carousel nav -->
                            <a class="carousel-control left yinshi-left control_pre" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                            <a class="carousel-control right yinshi-right control_next" href="#myCarousel" data-slide="next">&rsaquo;</a>
                     </div>
                    </div>
                </div>
            </div>
        </div> 

        <div id="contact">
            <div class="text-center">
                <h2 class="text_blue">聯系我們</h2>
                <i class="fa fa-angle-down down_ico"></i>
            </div>
            <div class="contact_bg">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 conact_map"><img src="images/map.png" /></div>
                        <div class="col-md-8 conact_info">
                            <div class="col-md-6 m-t-lg contact_ico"> <span class="contact_ico_phone"></span>6633 3903 ／6623 7250 </div>
                            <div class="col-md-6 m-t-lg contact_ico"> <span class="contact_ico_ads"></span>澳門田畔街7號F嘉輝大廈地下 </div>
                            <div class="col-md-6 m-t-lg contact_ico"> <span class="contact_ico_mes"></span>澳門田畔街7號F嘉輝大廈地下 </div>
                            <div class="col-md-6 m-t-lg contact_ico"> <span class="contact_ico_web"></span>澳門田畔街7號F嘉輝大廈地下 </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="Performance">
            <div class="container pos-rlt padder bg-white hezuo">
                <h1 class="text_blue pos-abt " style=" font-size:40px;">合作客戶</h1>
                <img class="pull-right" src="images/7.jpg" /> 
            </div>
        </div>
        <div id="footer" class="pos_rlt">
            <a href="#top" id="toTop" class="dk" style="display:block;"><i class="fa fa-angle-up"></i></a>
            <div class="footer m-t-lg text-center text_white"> ©2015 七度聲畫娛樂製作有限公司 |  | 隐私政策声明 </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog about_modal">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close font_blue" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title font_blue" id="myModalLabel">關於我們</h4>
                    </div>
                    <div class="modal-body">
                        關於我們關於我們關於我們關於我們關於我們關於我們關於我們關於我們
                    </div>
                </div>
            </div>
        </div>
 <!-- Messge -->       
<div class="messge">
            <div class="messge_nav">聯系我們 CONTACT  US</div>
            <div class="message_content">
                <form action="{:U('Post/message')}" method="post" id="form_message">               
                    <input class="message_input " type="text" name="contacts" onfocus="if (value == '姓名 Name') {
                                value = ''
                            }" onblur="if (value == '') {
                                        value = '姓名 Name'
                                    }" value="姓名 Name" />
                    <input class="message_input" type="text" name="phone" onfocus="if (value == '電話 Phone') {
                                value = ''
                            }" onblur="if (value == '') {
                                        value = '電話 Phone'
                                    }" value="電話 Phone" />
                    <input class="message_input" type="text" name="email" onfocus="if (value == '郵箱 Email') {
                                value = ''
                            }" onblur="if (value == '') {
                                        value = '郵箱 Email'
                                    }" value="郵箱 Email" />
                    <textarea class="message_text_area" name="content" onfocus="if (value == '内容') {
                                value = ''
                            }" onblur="if (value == '') {
                                        value = '内容'
                                    }" value="内容"></textarea>
                    <input class="message_button" type="submit" value="發送 Send" />
                </form>
            </div>
        </div>
        <script src="js/jquery.min.js"></script> 
        <script src="http://libs.useso.com/js/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
        <script src="js/jquery.prettyPhoto.js"></script> 
        <script src="js/main.js"></script> 
        <script src="js/AudioPlayer.js" type="text/javascript" ></script>
        
        <script src="js/index_swiper.js" type="text/javascript"></script>
    </body>
</html>
